import { Component, OnInit } from '@angular/core';
import { Lesson3OneComponent } from './lesson3-one/lesson3-one.component';
import { Lesson3TwoComponent } from './lesson3-two/lesson3-two.component';
import { Lesson3ThreeComponent } from './lesson3-three/lesson3-three.component';


@Component({
  selector: 'app-lesson3',
  templateUrl: './lesson3.component.html',
  styleUrls: ['./lesson3.component.scss']
})
export class Lesson3Component implements OnInit {
  lists = [
    { name: '自定义属性型指令', component: Lesson3OneComponent},
    { name: '自定义结构型指令', component: Lesson3TwoComponent},
    { name: '自定义管道', component: Lesson3ThreeComponent}
  ];
  active = 0;
  constructor() { }

  ngOnInit() {

  }

  changeTab(index: number) {
    this.active = index;
  }

}
